<!doctype html>
<html lang="es">
<head>
<meta charset="utf-8">
<meta name="autor" content="jaimelopez">
</head>

<body class="container">
	<div id="contenedor_contactos" class="col-md-8 col-md-offset-2">
		<div class="page-header">
			<h2>Contacto</h2>
		</div>

		<p>Si quieres saber mas sobre Haz Arte o estas interesado en
			alguna de nuestras obras, puedes ponerte en contacto con nosotros.
			Recuerda que todo lo que has visto esta hecho a mano, así que las
			obras pueden personalizarse y pedirse por encargo, si deseas algo
			así, ¡Preguntarnos!</p>

		<span class="glyphicon glyphicon-earphone"> Movil: 646964395</span><br>
		<p>
			<a data-toggle="collapse" data-parent="#accordion"
				href="#collapseOne"> <span class="glyphicon glyphicon-envelope">
					Correo: haz.empresas@gmail.com </span>
			</a>
		</p>

		<p>
			<span class="alert alert-danger" id="msgContacto"></span>
		</p>

		<div id="collapseOne" class="panel-collapse collapse">
			<div class="panel-body">
				<form role="form" id="formContacto">
					<div class="form-group" data-toggle="tooltip"
						title="Mas de 3 caracteres">
						<label for="nombreMail">Nombre *</label> <input type="text"
							class="form-control" id="nombreMail" placeholder="Nombre">
					</div>
					<div class="form-group" data-toggle="tooltip"
						title="Mas de 3 caracteres">
						<label for="apellidoMail">Apellidos *</label> <input type="text"
							class="form-control" id="apellidoMail" placeholder="Apellidos">
					</div>
					<div class="form-group" data-toggle="tooltip"
						title="Formato de email">
						<label for="correoMail">Dirección de correo *</label> <input
							type="email" class="form-control" id="correoMail"
							placeholder="Correo electrónico">
					</div>
					<div class="form-group">
						<label for="telefonoMail">Telefono de Contacto</label> <input
							type="tel" class="form-control" id="telefonoMail"
							placeholder="Telefono">
					</div>
					<div class="form-group">
						<label for="textoMail">Mensaje *</label>
						<textarea class="form-control" rows="3" id="textoMail"></textarea>
					</div>
					<div class="checkbox">
						<label> <input type="checkbox" id="checkMail">
							¿Quieres recibir información de nuestros ultimos trabajos?
						</label>
					</div>
					<button id="enviarCorreo" type="submit" class="btn btn-primary">Enviar</button>

				</form>
			</div>

		</div>

	</div>

	<script type="text/javascript">
		$("#nombreMail").blur(function() {
			comprobarDatos($(this));
		});
		$("#apellidoMail").blur(function() {
			comprobarDatos($(this));
		});
		$("#correoMail").blur(function() {
			comprobarDatos($(this));
		});
		$("#textoMail").blur(function() {
			comprobarDatos($(this));
		});

		$("#formContacto").submit(function(event) {
			enviarContacto();
		});
	</script>
</body>
</html>
